<?php $this->view->partial('common/profilecard'); ?>
<div class="profile-dn row" style="margin-top:-2rem;">
	<div class="profile-wall medium-10 medium-centered large-10 large-centered column">
		<div class="profile-left-wall medium-7 large-7 columns">
				<div class="grouptabxy large-12 column" style="padding:0;">
					<div id="tabs" class="tabs">
						<nav class="group-ultab large-12 column" style="background:white;margin-bottom:2rem;border-radius:.45rem;padding:0;">
							<ul style="width:100%;">
								<li style="width:45%;"><a href="#section-1"style="color:#000 !important;"><span><i class="fa fa-share-alt"></i> Connection List</span></a></li>
								<li style="width:45%;"><a href="#section-2"style="color:#000 !important;"><span><i class="fa fa-user"></i> Pending Request</span></a></li>
							</ul>
						</nav>
						<div class="content" style="margin-top:4rem;background:white;border-radius:.45rem;padding:0;">
							<section class="medium-12 column" id="section-1" style="padding:0;">
								<?php $this->view->partial('common/connections'); ?>
							</section>
							<section class="medium-12 column" id="section-2" style="padding:0;">
								<?php $this->view->partial('common/pendingrequest'); ?>
							</section>
						</div><!-- /content -->
					</div><!-- /tabs -->
				</div>
		</div>
		<div class="profile-right-wall medium-5 column" style="margin-top:1rem;">
			<?php $this->view->partial('common/suggested_connection'); ?>
		</div>
	</div>
</div>
<script src="<?= BASE_URI ?>js/cbpFWTabs.js"></script>
<script>
	new CBPFWTabs( document.getElementById( 'tabs' ) );
</script>
